//一像素边框
//@media (-webkit-min-device-pixel-ratio: 1.5),(min-device-pixel-ratio: 1.5){
//  .border-1px{
//    &::after{
//      border-top-width: 0.7px;
//    }
//  }
//}
//@media (-webkit-min-device-pixel-ratio: 2),(min-device-pixel-ratio: 2){
//  .border-1px{
//    &::after{
//      border-top-width: 0.5px;
//    }
//  }
//}
//
//@media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3){
//  .border-1px{
//    &::after{
//      border-top-width: 0.333px;
//    }
//  }
//}

@mixin border-1px($color){
  position: relative;
  &:after{
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    width: 200%;
    border: 1px solid $color;
    color: $color;
    height: 200%;
    transform-origin: left top;
    transform: scale(0.5);
  }
}

